<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>020-颜色(HSL&HSLA)</title>
		<style>
			/*
			HSL: hsla(颜色（用角度表示）, 饱和度, 亮度, 透明度)，每个颜色的取值范围是 00~ff。
			A: 表示透明度，取值范围是 00~ff。

			颜色（用角度表示）：0deg是红色，60deg是黄色，120deg是绿色，180deg是青色，240deg是蓝色，300deg是紫色，360deg是红色。
			饱和度（灰为0%，彩色为100%，表示往色彩里面添加多少灰色，0%是全灰）：取值范围是 0~100%。
			亮度：取值范围是 0~100%（一般写50%比较合适）。
			透明度：取值范围是 0~100%。
			*/

			div {
				color: hsla(0deg, 100%, 50%, 100%);
			}
		</style>
	</head>
	<body>
		<div>好好学习，天天向上</div>
	</body>
</html>
